<template>
	<base-breadcrumb>
		<template>
			<div class="table-page-search-wrapper">
				<span>信息详情</span>
				<a-form>
						<a-row :gutter="24">
							<a-col :md="8" :sm="8">
								<a-form-item label="方案名称" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									分部分项工
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="8">
								<a-form-item label="所属项目" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									XX工程项目
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="8">
								<a-form-item label="填报类型" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									张三
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="8">
								<a-form-item label="计划报审时间" 
								:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }" 
								:wrapperCol="{ lg: { span: 15 }, sm: { span: 15 } }">
									成都分公司
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="实际报审时间" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									未编制
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="8">
								<a-form-item label="报审表编码" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 18 }, sm: { span: 17 } }">
									199-38-1
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="文件编码" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									项目主要概况
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="正文页数" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									XX省XX市XX区XX街道XX路
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="附件页数" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									XX省XX市XX区XX街道XX路
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="所属公司" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									XX省XX市XX区XX街道XX路
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="方案概况" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									XX省XX市XX区XX街道XX路
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="编制人员" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									XX省XX市XX区XX街道XX路
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="是否为专业分包" 
								:labelCol="{ lg: { span: 8 }, sm: { span: 8 } }" 
								:wrapperCol="{ lg: { span: 12 }, sm: { span: 102 } }">
									XX省XX市XX区XX街道XX路
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="是否涉及重大费用诉求" 
								:labelCol="{ lg: { span: 12 }, sm: { span: 12 } }" 
								:wrapperCol="{ lg: { span: 8 }, sm: { span: 8 } }">
									XX省XX市
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="方案审核师打分" 
								:labelCol="{ lg: { span: 8 }, sm: { span: 8 } }" 
								:wrapperCol="{ lg: { span: 12 }, sm: { span: 12 } }">
									90分 <span @click="scoring" class="fraction">打分详情</span>
								</a-form-item>
							</a-col>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="当前状态" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									90分
								</a-form-item>
							</a-col>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="制 表 人" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									90分
								</a-form-item>
							</a-col>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="填报时间" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									90分
								</a-form-item>
							</a-col>
						</a-row>
				</a-form>
			</div>
		</template>
		<a-card>
			<div class="table-operator">
				<span>相关附件</span>
			</div>
			<a-table :data-source="dataSource" :columns="columns" bordered>
				<span slot="description" slot-scope="text">
					<ellipsis :length="8" tooltip>{{ text }}</ellipsis>
				</span>
				<span slot="serial" slot-scope="text, record, index">{{ index + 1 }}</span>
			</a-table>
		</a-card>
	</base-breadcrumb>
</template>

<script>
	const columns = [
		{
			title: '序号',
			width: '80px',
			scopedSlots: { customRender: 'serial' }
		},
		{
			title: '附件名称',
			dataIndex: 'projectName'
		},
		{
			title: '附件描述',
			dataIndex: 'timeForComplation'
		},
		{
			title: '附件',
			dataIndex: 'branchCompany'
		},
		{
			title: '操作',
			dataIndex: 'fillingInTime'
		},
	];
	export default{
		data(){
			this.columns = columns
			return{
				
			}
		},
		methods:{
			scoring(){
				this.$router.push('/technical/ShiGroup/scoringTable')
			}
		}
	}
</script>

<style>
	.fraction{
		cursor:pointer;
		color: #1890FF;
		margin-left: 20px;
	}
</style>
